<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>生</title>
    <link rel="stylesheet" href="css/stylesheng.css">
    <link rel="stylesheet" href="./css/sizi.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/parallaxsheng.js"></script>
    <script src="js/lazysheng.js"></script>
</head>

<body>
    <div class="head_son">
        <div class="left">
            <div class="logo"></div>
            <div class="text">京剧四讲堂</div>
        </div>
        <div class="right">
            <ul>
                <li><a href="./京剧行当.html">返回上一级</a></li>
                <li><a href="./01_生.html">生</a></li>
                <li><a href="./02_旦.html">旦</a></li>
                <li><a href="./03_净.html">净</a></li>
                <li><a href="./04_丑.html">丑</a></li>
            </ul>
        </div>
    </div>
    <div id="wrapper">
        <!-- 导航部分 -->
        <nav id="primary">
            <ul>
                <li>
                    <a href="#" class="jump_to n0" rel="0">章节</a>
                    <h2>主页</h2>
                </li>
                <li>
                    <a href="#" class="jump_to n1" rel="1">章节</a>
                    <h2>生行</h2>
                </li>
                <li>
                    <a href="#" class="jump_to n2" rel="2">章节</a>
                    <h2>生行的分类</h2>
                </li>
                <li>
                    <a href="#" class="jump_to n3" rel="3">章节</a>
                    <h2>代表人物-程长庚</h2>
                </li>
                <li>
                    <a href="#" class="jump_to n4" rel="4">章节</a>
                    <h2>代表人物-余三胜</h2>
                </li>
            </ul>
        </nav>
        <!-- 内容 -->
        <article id="article0">
            <div class="head">
                <div class="body"></div>
                <footer class="next_prev">
                    <a class="jump_to next" href="#" rel="1"></a>
                </footer>
            </div>
        </article>
        <div id="content">

            <article id="article1">
                <section class="section">
                    <h2>生行</h2>
                    <p>
                        生行：简称“生”。生行分为须生(老生、胡子生)、红生、小生、武生、
                        娃娃生等。为京剧中的重要行当之一。泛指净、丑之外的男角色。生的
                        名目最早见于宋元南戏,指剧中男主角,与元杂剧的正末相当。清以后
                        又衍化为老生、小生、外、末4个支系。按其扮演人物属性、性格特征
                        和表演特点,大致可分为老生、小生、外、末、武生、娃娃生等类。
                    </p>
                </section>
                <footer class="next_prev">
                    <i class="spacing_line"></i>
                    <a class="jump_to next" href="#" rel="2"></a>
                </footer>
            </article>

            <article id="article2">
                <section class="section">
                    <h2>生行的分类</h2>
                    <p>
                        须生（老生、胡子生）：即中年以上的剧中人,口戴髯口（胡子）,唱和念白都用本嗓（真嗓）老生
                        基本上都是戴三绺的黑胡子,术语称"黑三"。因性格与身份的不同,可分为安工老生或称唱工老生
                        （如扮演帝王、官僚、文人等）,靠把老生（如扮演武将）,衰派老生（如扮演穷困潦倒之人等）。
                    </p>
                    <p>
                        小生：指演剧中的翎子生(带雉翎的大将,王侯等),纱帽生(官生)、扇子生(书生)、穷生(穷酸文人)等。
                        小生的特点是不戴胡子,扮相一般都是比较清秀、英俊。分文小生和武小生两种。
                    </p>
                    <p>
                        红生：红生：为勾红脸的须生,如扮演关羽、赵匡胤等。多年来根据《三国演义》和民间传说所编演
                        的关羽剧目甚为丰富,因此便把生行擅长演关羽戏的演员称为“红生”。
                    </p>
                    <p>
                        武生：就是京剧中擅长武艺的角色,武生分成两大类,一种叫长靠武生,一种叫短打武生。长靠武生
                        都身穿着靠,头戴着盔,穿着厚底靴子,一般都是用长柄武器。这类武生,不但要求武功好,还要有
                        大将的风度,要求身手矫健敏捷,内行的说法是要漂,率,脆,看起来干净利索,打起来漂亮,不拖
                        泥带水,表演上重矫捷﹑灵活。
                    </p>
                </section>
                <footer class="next_prev">
                    <a class="jump_to prev" rel="1"></a>
                    <i class="spacing_line"></i>
                    <a class="jump_to next" href="#" rel="3"></a>
                </footer>
            </article>

            <article id="article3">
                <section class="section">
                    <h2>代表人物-程长庚</h2>
                    <p>
                        程长庚幼年在当地徽戏科班学艺,道光二年(1822年),随父北上入京,咸丰、
                        同治年间参加四大徽班进京演出,被举为“三庆班” 班主,并长期担任当时戏
                        曲艺人的行会组织“精忠庙”的会首。擅长演老生,艺术上融徽调、汉调、昆
                        腔于一炉,对京剧老生唱腔和表演艺术的形成贡献很大。嗓音宏亮,咬词准
                        确,于高亢中又婉转抒情,独具特色,自成一家,代表作品有《文昭关》
                        《群英会》《战长沙》等。
                    </p>
                </section>
                <footer class="next_prev">
                    <a class="jump_to prev" rel="2"></a>
                    <i class="spacing_line"></i>
                    <a class="jump_to next" href="#" rel="4"></a>
                </footer>
            </article>

            <article id="article4">
                <section class="section">
                    <h2>代表人物-余三胜</h2>
                    <p>
                        余三胜原为湖北汉戏末角演员，于清道光初期进京搭徽班演唱，改唱老生，时
                        为春台班领衔主演，同治二年入广和成班。其代表作品有《李陵碑》《牧羊卷》
                        《乌盆记》等戏。余三胜在汉调西皮和徽调二黄的基础上，吸收昆曲和秦腔的曲
                        调，创造了新的京剧皮黄声腔，并且创造了反二黄的唱腔。 余三胜的嗓音醇厚，
                        唱腔优美，以擅用“花腔”而著称。讲究表情动作，而且富于创造性。
                    </p>
                </section>
                <footer class="next_prev">
                    <a class="jump_to prev" rel="3"></a>
                    <i class="spacing_line"></i>
                </footer>
            </article>
        </div>
        <!-- 人物 -->
        <div id="parallax_area1">
            <img class="parallax_img p1_1" src="img/生.png" width="370" height="757">
            <img class="parallax_img p1_2" src="img/程长庚.png" width="400" height="500">
            <img class="parallax_img p1_3" src="img/余三胜.png" width="400" height="500">

        </div>
        <!-- 山1 -->
        <div id="parallax_area2">
            <img class="parallax_img p2_1" src="img/cloud1.png" width="488" height="138">
            <img class="parallax_img p2_2" src="img/cloud1.png" width="488" height="138">
            <img class="parallax_img p2_3" src="img/cloud1.png" width="488" height="138">
            <img class="parallax_img p2_4" src="img/cloud1.png" width="488" height="138">
            <img class="parallax_img p2_5" src="img/cloud1.png" width="488" height="138">
            <img class="parallax_img p2_6" src="img/cloud1.png" width="488" height="138">
            <img class="parallax_img p2_7" src="img/cloud1.png" width="488" height="138">
            <img class="parallax_img p2_8" src="img/cloud1.png" width="488" height="138">
            <img class="parallax_img p2_9" src="img/cloud1.png" width="488" height="138">
        </div>
        <!-- 山2 -->
        <div id="parallax_area3">
            <img class="parallax_img p3_1" src="img/cloud2.png" width="311" height="105">
            <img class="parallax_img p3_2" src="img/cloud2.png" width="311" height="105">
            <img class="parallax_img p3_3" src="img/cloud2.png" width="311" height="105">
            <img class="parallax_img p3_4" src="img/cloud2.png" width="311" height="105">
            <img class="parallax_img p3_5" src="img/cloud2.png" width="311" height="105">
            <img class="parallax_img p3_6" src="img/cloud2.png" width="311" height="105">
            <img class="parallax_img p3_7" src="img/cloud2.png" width="311" height="105">
            <img class="parallax_img p3_8" src="img/cloud2.png" width="311" height="105">
            <img class="parallax_img p3_9" src="img/cloud2.png" width="311" height="105">
        </div>

    </div>
</body>

</html>